<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" href="css/bian_dpgl.css">
		<link rel="stylesheet" href="css/bian_cjdp.css">
		<link rel="stylesheet" href="css/foundation-datepicker.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
	
		<script src="js/jquery.min.js"></script>
		<link rel="stylesheet" href="css/bootstrap-select.css"/>
	<link rel="stylesheet" href="css/bootstrap.css"/>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-select.js"></script>
		<script src="js/base.js"></script>
		<script src="js/paging.js"></script>
		<script src="js/wangEditor.js"></script>
		<link rel="stylesheet" href="css/zeroModal.css">
		<script src="js/zeroModal.min.js"></script>
		
		<title></title>
		<style>
			.dropdown-menu{
				z-index:9999999999999!important;
			}
			.table_title >div{
				background: #0073A9;
				color:#fff;
			}
			.cont{
				width:106%;
				padding:5px!important;
			}
			.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
			.label{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
			}
			.img0{
				max-width: 160px;
				max-height: 160px;
				display: block;
				margin: 0 auto;
			}
			.yfbsj{
				font-weight: bold;
				margin-top:20px;
			}
			.fi_box{
				margin-top:20px;
			}
			.text4{
				border:none;
				border-bottom:1px solid #000;
			}
			.table{
            margin-top:20px;
            border-collapse:collapse;
            width:1600px;
			font-size:14px;

        }
        .table td{
            border:1px solid #ccc;
            text-align: center;
            vertical-align: middle;
        }
        .table thead{
            background:#0073A9;
            color:#fff;
        }
        .table thead td{
            height: 40px;
		}
		.dp_list tr{
			height:30px;
		}
		</style>
	</head>
	<body>
		<div class="cont">
			<div class="title">
				<div class="tianjia">新增</div>
				<div class="xiugai btn_sg">修改</div>
				<div class="pd_shanchu">删除</div>
				<div class="dp_zhiding">置顶</div>
				<div class="dp_qxzd">取消置顶</div>
				<div class="dp_tj">推荐</div>
				<div class="dp_qxtj">取消推荐</div>
			</div>
			<div class="operation">
				
				<div>
					<input type="hidden" class="dp_id">
				</div>
				<div>
					<p>短评名称：</p>
					<input type="text" class="p_name_inp dp_name">
				</div>
				<div>
					<p>短评状态：</p>
					<select name="" id="" class="dp_state" >
							<option value="">请选择</option>
						<option value="1">待审核</option>
						<option value="2">待发布</option>
						<option value="3">已发布</option>
						<option value="-1">审核失败</option>
						<option value="-2">撤销发布</option>
					</select>
				</div>
				<div>
					<p>专题ID：</p>
					<input type="text" class="p_id_inp dp_zt_id">
				</div>
				<div>
					<p>专题名称：</p>
					<input type="text" class="p_special_inp dp_zt_name">
				</div>
				<div>
					<p>专题状态：</p>
					<select name="" id="" class="pd_zt_state">
						<option value="0"></option>
						<option value="1">待审核</option>
						<option value="2">待发布</option>
						<option value="3">已发布</option>
						<option value="10">有更新</option>
						<option value="-1">审核失败</option>
						<option value="-2">撤销发布</option>
					</select>
				</div>
				<div>
					<p>频道：</p>
					<select name="" id="" class="dp_pd">
						<option value="">请选择</option>
					</select>
				</div>
				<div>
					<span class="search_btn">搜索</span>
				</div>
			</div>
			<div class="table_border">
				<table class="table">
					<thead>
						<tr>
								<td >选择</td>
								<td >ID</td>
								<td >标题</td>
								<td >状态</td>
								<td >专题ID</td>
								<td >专题名称</td>
								<td >专题状态</td>
								<td >频道</td>
								<td >类别</td>
								<td >置顶</td>
								<td >推荐</td>
								<td >点赞数</td>
								<td >转发数</td>
								<td >评论数</td>
								<td >创建者</td>
								<td>创建时间</td>
								<td>修改时间</td>
								<td>审核时间</td>
								<td>发布时间</td>
								<td>文章来源</td>
								<td>作者</td>
								<td>原发布时间</td>

						</tr>
					</thead>
					<tbody class="dp_list">

					</tbody>
				</table>
				<div class="table table_title">

				</div>
				<div>
					<div id="page" class="page_div"></div>
				</div>
				
			</div>
			<div class="cont1">
					<div style="padding:5px 0;overflow: hidden;">
							<div style="float:left;font-size:14px;font-weight:bold">封面:</div>
							<div style="float:left;margin-left:37px;background:#f3f3f3;width: 160px;height: 160px;position: relative;">
							
								<input type="file" id="file" class="file" style="display:none" accept="image/png,image/jpeg,image/gif" />
								<label for="file" class="label tu">
									<img src="./img/tupian.png" class="img0">
								</label>
							</div>
					</div>
					<div class="fi_box">
						
							<span class="yfbsj">原发布时间：<input  id="demo-2" type="text" class="text4 fbs_text"/></span>
						</div>

				<div class="flex">
					<div class="styleFlex">
						<p>标题:</p>
						<input class="dp_biaoti" type="text">
					</div>
					<div class="styleFlex">
						<p>来源：</p>
						<input class="dp_laiyuan" type="text">
					</div>
				</div>
				<div class="flex">
					<div class="styleFlex">
						<p>网址：</p>
						<input class="dp_wangzhi" type="text">
					</div>
					<div class="styleFlex">
						<p>短评类别：</p>
						<select class="dp_leibie">
						</select>
					</div>
				</div>
				<div class="flex">
					<div class="styleFlex">
						<p>专题:</p>
						<!-- <select name="" id="" class="dp_duanti"></select> -->
			            <select id="lunch" class="selectpicker select_zt" data-live-search="true" title="请选择专题">
						</select>
					</div>
					<div class="styleFlex" style="margin-left:82px">
						<p>作者：</p>
						<input class="dp_zuozhe" type="text">
					</div>
				</div>

				<!-- 富文本 -->
				<div>
					<div id="editor"></div>
				</div>
				<div class="btns">
					<span class="btn btn-success dp_add">创建</span>
					 <span class="btn btn-success dp_xg">修改</span>
					<span class="btn btn-danger dp_qx">取消</span>
				</div>
			</div>
			
		</div>
		
	</body>
	<script src="js/bian_dpgl.js"></script>
	<script>
		var E = window.wangEditor
		var editor = new E('#editor')
		// 或者 var editor = new E( document.getElementById('editor') );
		console.log(baseNews + '/oss/upload/img');
		editor.customConfig.uploadFileName = 'file';
		editor.customConfig.uploadImgServer = baseNews + '/oss/upload/img';
		editor.create();
	</script>
	<script src="js/foundation-datepicker.js"></script>
	<script>
		$('#demo-2').fdatepicker({
				format: 'yyyy-mm-dd hh:ii',
				pickTime: true
			});
	</script>
</html>
